@import url("pcbase.css");


.title_box{position:relative; text-align:center; padding:25px 0 25px 0;}
.title_box h2,.title_box h1{font-size: 38px;color: #333333;line-height: 54px;font-weight: normal;margin-bottom: 10px;}
.title_box h1{font-size: 38px;}
.title_box h2:before,.title_box h2:after,.title_box h1:before,.title_box h1:after{content:'';width: 48px;height: 16px;display: inline-block;vertical-align: middle;}
.title_box h2:before,.title_box h1:before{background: url(../images/title-l.png) no-repeat center;margin-right: 20px; margin-top: -5px;}
.title_box h2:after,.title_box h1:after{background: url(../images/title-r.png) no-repeat center;margin-left: 20px; margin-top: -5px;}
.title_box p{font-size: 16px;line-height: 30px;}
.title_box h2 a{color: #333333;display: inline-block;}
.title_box h2 a:hover{color: #ff6d28;}


/*product*/
.index-good{margin-top: 30px;}
.show-tit{text-align: center;}
.show-tit:before{content: "";display: inline-block;width: 96px;height: 51px;background: url(../images/tit-fl01.png) no-repeat;vertical-align: middle;}
.show-tit:after{content: "";display: inline-block;width: 96px;height: 51px;background: url(../images/tit-fr01.png) no-repeat;vertical-align: middle;}
.show-tit h2{display: inline-block;color: #2D203B;font-size: 34px;padding: 0 12px;vertical-align: middle;}
.show-tit h2 span{display: block;text-transform:uppercase;font-size: 20px;font-weight: normal; margin-bottom: 10px;}
.show-tit h2 a{display: block;color: #2D203B;line-height: 1.1;}
.show-tit h2 a:hover{color: #E93A47;}

.good-show{margin-top: 30px;}
.good-show ul li{float: left;width: 29.3%;margin: 0 2%;position: relative;margin-bottom: 60px;}
.good-show ul li:before{content: "";display: inline-block;position: absolute;left: -30px;top: -30px;width: 100%;height: 90%;background: url(../images/dot-show.png);z-index: -1;}
.good-show ul li > a{position: relative;padding-top: 66.25%;display: block;overflow: hidden;}
.good-show ul li a img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.good-show ul li a img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.good-show ul li h3{margin: 15px 0;}
.good-show ul li h3 a{color: #2D203B;font-size: 24px;font-weight: bolder;margin-left: 66px;}
.good-show ul li h3 a:hover{color: #E93A47;}
.good-show ul li h3 a:after{content: '';display: inline-block;width: 45px;height: 37px;background: url(../images/good-line.png) no-repeat;vertical-align: middle;margin-left: 24px;}
.good-show ul li div{color: #6E757C;font-size: 16px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display: flex;}
.good-show ul li div p{ width: 50%;}
.good-show ul li div span{display: inline-block; width: 59px;height: 36px; background: url(../images/good-bg.png) no-repeat;text-align: center;line-height: 30px;color: #FFF;font-size: 12px;margin-right: 10px;}
.promore {overflow:hidden;display:block;width:315px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff !important;background-color:#3355b1;border-radius:5px;box-shadow:10px 10px 10px #ccc;margin:0 auto 40px auto;}


.tage {width:100%;height:250px;background:url(../images/tageck.jpg) no-repeat center center;}
.tage_box {height:250px;}
.tage_box>span {display:block;text-align:center;margin:51px 0 10px 0;float:left; font-size: 32px !important;}
.tage_box p {text-align:center;font-size:16px;color:#ffffff;}
.tage_box span {font-size:18px;color:#fff;font-weight:bold;width: 100%;}
.tage_box div {margin-top:22px; width: 100%; text-align: center;}
.tage_box div a {display:inline-block;width:170px;height:40px;background:#e60212;text-align:center;line-height:40px;font-size:15px;color:#fff;}
.tage_box div a:hover {text-decoration:underline;}


.choo {width:100%;height:1372px;background:#f3f3f3;}
.choo .title_box{ padding: 45px 0;}

.ys dl{ background:url(../images/ys01.png) no-repeat left 58px;}
.ys dl dt{ position: relative;}
.ys dl dt::before{position: absolute; left: 12px; top: 6px; font-size: 32px; color: #fff;}
.ys1 dl dt::before{ content: "01";}
.ys2 dl dt::before{ content: "02";}
.ys3 dl dt::before{ content: "03";}
.ys4 dl dt::before{ content: "04";}
.ys1 {width:100%;height:250px;float:left;margin-bottom:30px;}
.ys1 img {width:620px;height:250px;float:right;}
.ys1 dl {width:620px;height:250px;float:left;}
.ys1 dl dt {padding-left:74px;font-size:24px;color:#2b2b2b;font-weight:bold;margin-top:58px;}
.ys1 dl dd {padding-left:74px;margin-top:25px;height:90px;color:#777777;line-height:30px;}
.ys1 dl dd span {color:#ec1b24;font-weight:bold;}
.ys2 {width:100%;height:250px;float:left;margin-bottom:30px;}
.ys2 img {width:620px;height:250px;float:left;}
.ys2 dl {width:620px;height:250px;float:right;}
.ys2 dl dt {padding-left:74px;font-size:24px;color:#2b2b2b;font-weight:bold;margin-top:58px;}
.ys2 dl dd {padding-left:74px;margin-top:25px;height:90px;color:#777777;line-height:30px;}
.ys2 dl dd span {color:#ec1b24;font-weight:bold;}
.ys3 {width:100%;height:250px;float:left;margin-bottom:30px;}
.ys3 img {width:620px;height:250px;float:right;}
.ys3 dl {width:620px;height:250px;float:left;}
.ys3 dl dt {padding-left:74px;font-size:24px;color:#2b2b2b;font-weight:bold;margin-top:58px;}
.ys3 dl dd {padding-left:74px;margin-top:25px;height:90px;color:#777777;line-height:30px;}
.ys3 dl dd span {color:#ec1b24;font-weight:bold;}
.ys4 {width:100%;height:250px;float:left;margin-bottom:30px;}
.ys4 img {width:620px;height:250px;float:left;}
.ys4 dl {width:620px;height:250px;float:right;}
.ys4 dl dt {padding-left:74px;font-size:24px;color:#2b2b2b;font-weight:bold;margin-top:58px;}
.ys4 dl dd {padding-left:74px;margin-top:25px;height:90px;color:#777777;line-height:30px;}
.ys4 dl dd span {color:#ec1b24;font-weight:bold;}


/*about*/
.index-solution {position:relative;}
.insolution-mian {height:680px;box-sizing:border-box;padding:136px 0 256px;background:url(../images/insolution-bg1.jpg) no-repeat center center;background-size:cover;}
.insolution-mian .in-cintro {margin-top:36px;font-size:14px;font-weight:400;line-height:26px;}
.insolution-info {margin-right:60px;color:#fff;}
.cTitText {font-size:34px;font-weight:bold;line-height:36px;}
.insolution-btn {margin-top:56px;}
.in-btns li {float:left;}
.in-btns li a,.in-btns li a:hover {color:#fff;}
.insolution-btn .layui-btn:hover {border-color:#fff;}
.insolution-btn .btn-online .layui-btn {margin-right:8px;background:#EDA934;}

.insolution-btn .btn-online .layui-btn:hover{ border-color: #EDA934;}
.abbanner{ overflow: hidden;}
.insolution-swiper .swiper-slide {width:50%;flex-wrap:wrap;border:8px solid rgba(255,255,255,0.4);}
.insolution-swiper .swiper-slide .list-img,.insolution-swiper .swiper-slide .list-img img{width:100%;}
.insolution-swiper .list-info {padding:24px 20px;background:#fff;width:100%;}
.insolution-swiper .list-tit {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;color:#262A3E;line-height:24px;}
.insolution-swiper .swiper-button-prev,.insolution-swiper .swiper-button-next {width:46px;height:60px;cursor:pointer;top:0;margin:auto;transition:0.36s;bottom:0;position:absolute;display:block;background:#fff;background-repeat:no-repeat;background-size:30%;background-position:15px 20px;}
.insolution-swiper .swiper-button-prev {left:0;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.insolution-swiper .swiper-button-next {right:0;border-top-left-radius:50px;border-bottom-left-radius:50px;}

.index-epc {margin-top:-120px;position:relative;height:307px;}
.inepc-main {background:#F5F7FB;padding:40px 60px;border:15px solid #FFFFFF;}
.inepc-list {margin:30px -12px 0;}
.inepc-list li {float:left;width:16.66%;padding:0 12px;position:relative;}
.inepc-list .li-item {padding:20px;height:65px;box-sizing:border-box;border:1px solid rgba(38,42,62,0.2);border-radius:33px;font-size:14px;font-weight:400;color:#262A3E;text-align:center;vertical-align:middle;line-height:25px;display: flex; align-items: center; justify-content: center;}
.inepc-list li:first-child::before {display:none;}
.inepc-list li::before {content:"";width:5px;height:5px;left:-2px;top:0;bottom:0;margin:auto;display:block;position:absolute;background:#262A3E;opacity:0.5;border-radius:50%;}
.inepc-list li i {width:31px;height:25px;margin-right:6px;vertical-align:middle;display:inline-block;background:url(../images/inepc-icon1.png) no-repeat center center;}
.inepc-list .icon2 {background-image:url(../images/inepc-icon2.png);}
.inepc-list .icon3 {background-image:url(../images/inepc-icon3.png);}
.inepc-list .icon4 {background-image:url(../images/inepc-icon4.png);}
.inepc-list .icon5 {background-image:url(../images/inepc-icon5.png);}
.inepc-list .icon6 {background-image:url(../images/inepc-icon6.png);}
.inepc-btn {margin-top:32px;text-align:center;}
.inepc-tel {margin-right:38px;font-size:18px;line-height:27px;font-weight:bold;color:#262A3E;vertical-align:middle;}
.inepc-tel i {font-size:14px;font-weight:400;line-height:27px;color:rgba(10,10,10,0.7); font-style: normal;}


/*case*/
.index-case{ padding: 0;}
.index-case .title_box{padding-top: 60px;}
.index-case .container{padding: 30px 0 20px 0; overflow: hidden;}

.case-swiper{ width: 93%; overflow: hidden; margin: 0 auto;}
.case-swiper .swiper-slide{float:left;width:33.3333%;position:relative; display: flex; flex-wrap: wrap;}
.case-swiper .swiper-slide .img{border-radius:18px 18px 100% 100%/18px 18px 15% 15%;-webkit-box-shadow:0 5px 10px rgba(22,35,67,.25);-moz-box-shadow:0 5px 10px rgba(22,35,67,.25);box-shadow:0 5px 10px rgba(22,35,67,.25)}
.case-swiper .swiper-slide .img img{border-radius:18px 18px 100% 100%/18px 18px 15% 15%;display:block;width:100%}
.case-swiper .swiper-slide .case-text{padding:0 10px 0 5px;box-sizing:border-box;position:relative;margin-top:-70px; width: 100%;}
.case-text .con{background:url(../images/index-bg02.png) no-repeat;padding:15px 18px 0 18px;box-sizing:border-box;border-radius:8px;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;height:212px;}
.case-text h3 a{display:block;text-align:center;font-size:22px;font-weight:700;color:#26376d;line-height:52px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-text span{display:flex;font-size:18px;line-height:33px;padding-left:35px;width: 50%; float: left;align-items: center;justify-content: center;}
.case-text span.one{color:#ff1f22;margin-bottom:15px;background:url(../images/icon01.png) no-repeat left center}
.case-text span.two{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon02.png) no-repeat left center}
.case-text span.two a{color:#ff1f22}
.case-text span strong{color:#333}
.case-text .more{display:block;width:52px;height:52px;background:#fff url(../images/arr.png) no-repeat center;border-radius:50%;position:absolute;left:50%;margin-left:-29px;bottom:18px;-webkit-box-shadow:0 5px 15px rgba(22,35,67,.2);-moz-box-shadow:0 5px 15px rgba(22,35,67,.2);box-shadow:0 5px 15px rgba(22,35,67,.2);background-size: 30%;}
.case-text h3:hover a{color:#ff1f22}
.case-text .more:hover{background-size: 35%;}
.index-case .swiper-button-next, .index-case .swiper-button-prev{ margin-top: -74px;}


/*news*/
.index-news {padding:60px 0;background:#f5f5f5;background-size:cover;position:relative;}
.index-news .title_box{ padding-left: 20px;}
.indexNews-main {margin:10px auto 0 auto;}
.indexNews-box {width:640px;box-sizing:border-box;padding:60px 60px 45px;background:#fff url("../images/sanj1.png") no-repeat 0 0;float:left;margin-left:20px;}
.indexNews-box:first-child {margin-left:0;}
.indexNews-main .sanj2 {background:#fff url("../images/sanj2.png") no-repeat 0 0;}
.indexNews-tit {font-size:24px;color:#4C4E52;font-weight:bold;float:left;}
.indexNews-post {float:right;}
.indexNews-post a {font-size:15px;color:#1555AC;display:inline-block;padding-right:20px;}
.indexNews-title {font-size:16px;color:#4C4E52;float:left;margin-left:14px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexNews-title::before {content:'';position:absolute;left:0;top:24px;width:5px;height:5px;border-radius:50%;background:rgba(76,78,82,.5);}
.indexNews-title a:hover {color:#1555AC;}
.indexNews-time {font-size:14px;color:#88898E;margin-left:auto;}
.indexNews-cls {line-height:51px;border-top:1px dashed #B9BABE;position:relative; display: flex; justify-content: space-between;}
.indexNews-cls:first-child {border:0;}
.indexNews-cls.one{ display: flex; margin: 13px 0;}
.indexNews-cls.one .indexNews-title{ white-space: normal; line-height: 25px; margin: 0;width: 100%;}
.indexNews-cls.one .indexNews-time{margin:0; height: 20px; line-height: 20px;width: 100%;}
.indexNews-cls.one .con{ line-height: 25px; color: #9e9e9e;width: 100%;}
.indexNews-cls.one .intro {margin-left:15px; display: flex; flex-wrap: wrap;}
.index-bank {padding:60px 0;position:relative;}